/*
 * 功能：网站布局
 * 作者：Gavin
 * 创建时间：2008-10-27
 * 最后一次修改时间：2009-1-14 
---------------------------------*/

/* 外部容器
---------------------------------*/
#container {
width:1002px;
margin:0 auto;
}
/* 页头:header
---------------------------------*/
#headTop {
position:relative;
height:61px;
background:#006A99 url(headBg.jpg) no-repeat 0 0;
}
/* logo */
#logo {
position:absolute;
left:0;
top:0;
}
#secondaryNav {
position:absolute;
right:10px;
top:10px;
text-align:right;
}
#secondaryNav li {
float:right;
display:inline;
margin:0 8px;
}
#secondaryNav li a {
background:url(secIcon.gif) no-repeat 0 3px;
padding-left:16px;
display: inline-block;
height:16px;
line-height:16px;
color:#fff;
}
#secondaryNav li a:hover {
text-decoration:underline;
}
/* banner */
#banner {
overflow:hidden;
}
#banner img, #banner object {
float:left;
}
/* headBar */
#headBar {
background:#808080;
color:#fff;
text-align:left;
height:26px;
line-height:26px;
margin-top:2px;
position:relative;
}
#calendar {
padding:0 20px;
}
/* search */
#search {
position:absolute;
right:10px;
top:2px;
height:26px;
overflow:hidden;
line-height:22px;
}
#search form {
margin:0;
padding:0;
}
#search input {
vertical-align:top;
}
#search .btnSearch {
cursor:pointer;
border:none;
background:url(btnSearch.gif) no-repeat 0 0;
color:#fff;
text-align:center;
height:21px;
line-height:21px;
width:40px;
}
/* 主要内容区:main
---------------------------------*/
#main {
overflow: hidden;
text-align:left;
margin-top:10px;
}
/* left */
#left {
float:left;
width:215px;
display:inline;
margin-left:7px;
}
/* center */
#center {
float:left;
width:516px;
display:inline;
margin-left:6px;
}
/* right */
#right {
float:right;
width:241px;
display:inline;
margin-right:10px;
}
/* sidebar */
#sidebar {
float:left;
width:215px;
display:inline;
margin-left:8px;
}
/* content */
#content {
float:right;
display:inline;
margin-right:8px;
width:758px;
}
/* 页脚
---------------------------------*/
#footer {
margin-top:10px;
background:#003C61;
}
#footNav {
background:#3F3F3F;
color:#fff;
border-bottom:1px solid #fff;
height:24px;
line-height:24px;
}
#footNav a {
margin:0 16px;
color:#fff;
}
#footNav a:hover {
text-decoration:underline;
}
#footer #copyright {
line-height:20px;
padding:16px 0;
color:#fff;
}
#footer #copyright p,
#footer #copyright {
text-align:center; 
}
/* 首页模块
---------------------------------*/
.title {
position:relative;
}
#links .title {
position:static;
}
.title h2 {
font-size:12px;
}
.title h2 em {
font-style:normal;
font-weight:normal;
font-size:11px;
text-transform:uppercase;
margin-left:10px;
}
.title span {
position:absolute;
right:10px;
top:0;
}
.box01 {
background:url(box01Bg.gif) no-repeat 0 100%;
}
.box01 .title {
height:41px;
line-height:36px;
background:url(box01Top.gif) no-repeat 0 0;
}
.box01 .title h2 {
color:#fff;
text-indent:32px;
}
.box02 {
background:url(hotBg.jpg) repeat-y 0 0;
color:#fff;
}
.box02 .title {
background:url(hotTop.jpg) repeat-y 0 0;
height:27px;
line-height:27px;
color:#fff;
}
.box02 .title h2 {
padding-left:30px;
background:url(box02TitleIcon.gif) no-repeat 10px 50%;
}
.box02 .title h2 em {
color:#A4C4CC;
}
.box03 {
background:url(box03Bg.gif) no-repeat 0 100%;
}
.box03 .title {
background-image:url(box03Top.gif);
height:32px;
line-height:32px;
}
.content {
padding:12px 16px;
overflow:hidden;
}
.title02 h2 {
color:#006285;
background:url(titleIcon.gif) no-repeat 10px 7px;
padding-left:30px;
}
.title02 h2 em {
color:#999;
}
.title03 {
border-bottom:2px solid #0289C3;
}
#category, #profile, #hot {
margin-bottom:10px;
}
.subNav {
}
.subNav li {
background:url(listDiv01.gif) repeat-x 0 100%;
float:left;
width:100%;
padding:4px 0;
}
.subNav li a {
display:block;
background:url(listIcon01.gif) no-repeat 5px 5px;
padding-left:20px;
line-height:20px;
}
.subNav li a:hover {
background-color:#eee;
}
.subNav li li{
background:none;
padding:0; 
}
.subNav li li a{
background-image:url(listIcon03.gif);
background-position:20px 5px;
padding-left:35px; 
}

#profile {
border:6px solid #C1DDE8;
}
#profile .content {
line-height:20px; 
}
#profile .title, #products .title, #function .title {
height:30px;
line-height:30px;
}
#products {
background:url(productsBg.gif) no-repeat 0 100%;
}
#products .title {
background-color:#fff;
}
#products .content {
background:url(productBgTop.gif) no-repeat 0 0;
}
#marqueeDemo {
width:484px;
height:132px; 
margin:0 auto; 
overflow:hidden; 
background:#fff;
}
#marqueeDemo ul li {
float:left;
text-align:left; 
width:185px;
}
#marqueeDemo ul li img {
display:block; 
border:1px solid #ddd; 
}

/* additional */
#demo li {
float:left;
display:inline;
width:180px;
text-align:center;
}
#demo li a {
display:block;
width:172px;
margin:0 auto;
}
#demo li a img {
width:170px;
border:1px solid #ddd;
}
#hot .content {
height: 270px;
overflow: hidden;
}
#hot p{
margin:12px 0; 
text-align:left; 
}
#hot ul {
position:relative;
}
#hot li {
position:absolute;
top:0;
left:0;
text-align:center;
display:none;
}
#hot li .productImage {
width:172px;
display:inline-block;
margin:auto;
}
#hot li .productImage img {
width:170px;
border:1px solid #999;
}
#hot li .productImage:hover img {
border-color:#022C54;
}
#hot li .productImage span {
display:block;
height:18px;
line-height:18px;
background:#022C54;
margin-top:4px;
color:#fff;
}
#hot li .productImage:hover span {
color:#65CAF2;
}
.viewDetails {
text-align:right;
}
#contact .content {
min-height: 100px;
height: auto !important;
height: 100px;
overflow: visible;
}
/* 侧栏菜单
---------------------------------*/
#subNav {
margin-bottom:10px;
}
#subNav .subNav li a {
color:#fff;
}
#subNav .subNav li a:hover, #subNav .subNav li.current a {
color:#f00;
background-color:#eee;
}
/* 内页内容区
---------------------------------*/
#function {
padding:0 8px;
border:5px solid #C1DDE8;
}
#function .function {
padding:20px;
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
}

/***** Product list *****/
.productList {
text-align:left;
}
.productList li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
padding:10px 0; 
width:33.3%;
min-height:160px;
_height: 160px;
}
.productList a {
display:block; 
margin:0 auto;
width:176px; 
}
.productList a img {
display:block; 
border:#ddd 1px solid;
padding:2px;
width:170px;
height:130px; 
}
.productList a:hover img {
border-color:#C1DDE8;
}
.productList a span {
cursor:pointer;
display:block;
overflow:hidden;
text-align:center;
color:#333;
margin:4px auto 0;
line-height:20px;
}
.productList a:hover span {
text-decoration:underline;
color:#02679D;
}
/***** Product list1 *****/
.productList1 {
text-align:left;
}
.productList1 li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
padding:10px 0; 
width:33.3%;
min-height:160px;
_height: 160px;
}
.productList1 a {
display:block; 
margin:0 auto;
width:116px; 
}
.productList1 a img {
display:block; 
border:#ddd 1px solid;
padding:2px;
width:116px;
height:145px; 
}
.productList1 a:hover img {
border-color:#C1DDE8;
}
.productList1 a span {
cursor:pointer;
display:block;
overflow:hidden;
text-align:center;
color:#333;
margin:4px auto 0;
line-height:20px;
}
.productList1 a:hover span {
text-decoration:underline;
color:#02679D;
}
/***** News list *****/
.newsList {
margin:0 auto;
}
.newsList li {
border-bottom:1px solid #ddd;
float:left;
line-height:14px;
padding:10px 0;
position:relative;
text-align:left;
width:100%;
}
.newsList li a {
background:url(listIcon02.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
.newsList02 li{
padding:20px 0; 
}
.newsList02 li a{
background-image:url(listIcon01.gif);
}

/***** Pagination *****/
.pagination {
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
}
.pagination a:hover {
background:#EDFEFF;
border-color: #78D0D6;
color:#0B93C6;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}

/***** Question list *****/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}

/***** Video list *****/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow {
background:#fff;
border:solid 1px #eee;
margin:0 auto;
padding:10px;
text-align:center;
width:80%;
}
div.videoShow h4 {
background:url(videoIcon.jpg) no-repeat left 50%;
font-size:14px;
height:50px;
line-height:50px;
margin:0 auto;
padding-left:25px;
text-align:left;
width:80%;
}

/***** Search result list *****/
#mainContentSearch {
margin:30px;
}
.searchTitle {
background:#f8f8f8;
border:1px solid #ddd;
border-width:1px 0;
line-height:22px;
padding:0 10px;
}
.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
margin-top:30px; 
}
#mainContentSearch .newsList {
width:100%;
}

/***** Webmap *****/
#webmap {
padding:20px 20px 20px 80px;
}
.mapList ul {
margin-left:40px; 
margin-bottom:3px;
padding-bottom:12px; 
background:url(ulBg.gif) repeat-y 0 0;
}
.mapList ul ul{
padding:0; 
}
.mapList ul li{
line-height:19px;
margin-top:5px; 
float:left;
width:100%; 
}
.mapList li a{
height:19px; 
line-height:19px; 
display:inline-block; 
background:url(webmapBg.gif) no-repeat 100% -19px;
}
.mapList li a span{
display:inline-block; 
height:19px; 
line-height:19px; 
background:url(webmapBg.gif) no-repeat 0 -57px;
padding:0 20px 0 40px; 
cursor:pointer;
white-space:nowrap;
}
.mapList li a:hover{
background-position:100% 0;
}
.mapList li a:hover span{
background-position:0 -38px;
}
.mapList li a.firstItem{
background-position:100% 0;
}
.mapList li a.firstItem span, .mapList li a.firstItem:hover span{
background-position:-19px -38px;
padding:0 20px; 
}
.mapList li a.lastChild span{
background-position:0 -95px;
}
.mapList li a.lastChild:hover span{
background-position:0 -76px;
}

/***** Article *****/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}

/***** Related news list *****/
.relatedNews {
padding:10px;
}
.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}
.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
.productImage{
text-align:center; 
}
.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}
.productDetails th{
width:20%; 
}
.productDetails .caption{
text-align:center; 
}
/***** Form elements *****/
fieldset {
border:none;
padding-left:60px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li .tips {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:300px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
/*.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #ddd;
}*/

/***** pageNav *****/
.pageNav {
padding:20px;
text-align:center; 
}

/***** Default buttons *****/
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* Remove the self-propagation of the width in Internet Explorer */
}
button::-moz-focus-inner {
border: none;  /* Additional padding covering Firefox */
}
button span, .pageNav a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* To amend the margin of Safari and Chrome */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}
.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}
.defaultBtn:hover, .defaultBtnHover { /* Extra defaultBtnHover for IE6 */
background-position: 100% -90px; 
}
.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}

/***** Member *****/
#member {
position:relative;
width:100%;
}

/***** Member tools *****/
.toolbar {
position:absolute;
right:0;
text-align:right;
top:0;
background:#fff;
}
#toolbarHandler {
text-align:center;
position:absolute;
right:0;
top:0;
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
height:24px;
line-height:24px;
overflow:hidden;
width:80px;
}
#toolbarHandler img, .toolbar ul a img {
vertical-align:middle;
}
#toolsList {
text-align:left;
display:none;
}
.toolbar ul {
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
padding-top:25px;
width:150px;
}
.toolbar ul li {
float:left;
width:100%;
border-bottom:1px solid #C1D7E4;
}
.toolbar ul a {
display:block;
height:34px;
line-height:34px !important;
overflow:hidden;
}